{% extends 'template/base.html' %}

{% block head %}
    {{ super() }}
    <title>404</title>
{% endblock %}

{% block body %}
    <style>
        .head_nav a {
            margin-right: 10px;
            font-size: 20px;
        }
    </style>

    <header style="padding: 0 30px;display: flex;flex-direction: row;align-items: center;justify-content: space-around;background-repeat: no-repeat;background-size: cover">
        <!--标题-->
        <h1 align="left" style="margin-top: -7px">网上零食店 | Online Snack</h1>


        <nav class="head_nav" align="right">

            <a href="{{ url_for('web.index_ep') }}"><span>首页</span></a>

            <a href="about_us.html"><span>关于</span></a>
        </nav>
    </header>

    <div class="container"
         style="margin-top: 30vh;display: flex;flex-direction: column;justify-content: center;align-items: center">
        <div style="font-size: 22px;margin-bottom: 20px">你要找的东西被外星人偷走咯。</div>
        <a class="btn btn-success" href="{{ request.referrer | d('/', true) }}">返回上一页</a>
    </div>
{% endblock %}